<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>响应式Web设计第一节</title>
    <!---按照设备的宽度来渲染网页-->
    <meta name="viewport" content="width=device-width">
    <!--引入外部样式表-->
    <style type="text/css" lang="en">
        @import "css/index.css";
    </style>
</head>
<body>
   <header>
       <p>这是一张高清的图片，图片尺寸是1440×900，可以分别用手机和PC浏览器打开比较下</p>
       <menu>
           <li>双品花束</li>
           <li>多品花束</li>
           <li>我要送花</li>
           <li>女神节转款</li>
       </menu>
       <img src="resource/girl.jpg">
   </header>
</body>
</html>